<!-- checkbox -->
<template>
  <div class="check-button">
    <input type="checkbox" v-model='isChecked' value="">
  </div>
</template>

<script>
export default {
  name: 'CheckBotton',
  props:{
    isChecked:{
      type:Boolean,
      default:false
    }
  },
  data() {
    return {
      // checkbox: true
    }
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {

  },
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {

  }
}
</script>
<style scoped>
/* @import url(); 引入css类 */
.check-button{
  width: 1.1rem;
  height: 1.1rem;
  border: 1px solid #bbbbbb;
  vertical-align: middle;
  border-radius: 50%;
  text-align: center;
}
.check-button input {
  margin: 0.05rem; 
  text-align: center;
}
.check-button input[type="checkbox"] {
  width: 0.95rem;
  height: 0.95rem;
  border: 1px solid #bbbbbb;
  border-radius: 50%;
}
.check-button input[type="checkbox"]:checked {
  /* content: "\2713"; */
  background-color: #ff5777;
}

</style>
